<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="/css/bootstrap.css" rel="stylesheet" type="text/css" />
<link href="/css/common.css" rel="stylesheet" type="text/css" />
<script src="/js/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="/js/jquery.SuperSlide.2.1.1.js" type="text/javascript"></script>
<script src="/js/bootstrap.min.js" type="text/javascript"></script>
<script src="/js/common.js" type="text/javascript"></script>
<title>首页</title>
</head>

<body class="background_color">

<div class="Slideshow_style" id="Slideshow">
<div class="header_top">
<div class="header clearfix">
 <a href="/#" class="logo_style"><img src="/images/logo.png" /></a>
 <div class="search_stye">
     <form action="/searchpage/index" method="get">
         <input name="videoName" type="text"  class="search"/>
         <input name="" type="submit" class=" btn-success button_submit" onclick="submit_btn()" value="搜索"><i class="icon_search"></i></input>
     </form>
 </div>
 </div>
</div>
 <div class="wrapper" id="wrapper_slideBox">
  <div class="hd Switch_operation">
   <ul class=" clearfix">

   <c:forEach items="${broadcastImage}" var="b">
    <li><a href="/#"><img src="${b.broadcastImage}" /><span></span></a></li>
   </c:forEach>
   </ul>
  </div>
  <div class="bd">
   <ul>
    <c:forEach items="${broadcastImage}" var="b">
        <%--图片轮播--%>
        <li style="background:url(${b.broadcastImage}) no-repeat center; text-align:center; height:600px;"><a href="/#" class=""></a></li>
    </c:forEach>
   </ul>
  </div>
 </div>
 <script>jQuery("#wrapper_slideBox").slide({mainCell:".bd ul",autoPlay:true,delayTime:1000});</script>
</div>
<div class="home_style  Channel">
<!--栏目-->
 <div class="home_Column_style">
 <div class="Column_list clearfix navigation_list">
  <ul class="">
   <c:forEach items="${menus}" var="m">
    <li class="Channel_name"><a href="/${m.menuUrl}?menu_name=${m.menuName}"><i class="icon_TV"></i>${m.menuName}</a></li>
   </c:forEach>
  </ul>
  </div>
  <!--栏目-->
  <div class="Column_list navigation">
  <a href="/#" class="w_logo"><img src="/images/logo.png"  width="100%"/></a>
   <div class="navigatio_name">
     <a href="/javascript:" class="mouse-enter"><i class="icon_navigatio"></i>导航</a>
     <div class="navigatio_nav">
     <ul class=" clearfix">
      <c:forEach items="${menus}" var="m">
       <li class="Channel_name"><a href="/${m.menuUrl}?menu_name=${m.menuName}"  ><i class="icon_TV"></i>${m.menuName}</a></li>
      </c:forEach>
  </ul>
     </div>
     
   </div>
   <div class="Video_search">
     <input name="" type="text"  class="search"/>
       <button name="" type="button" class=" btn-success button_submit"><i class="icon_search"></i>搜索</button>
  </div>
  </div>
 </div>
 <!--热播精选-->
 <div class="Hot_selection_style Channels">
   <div class="title_name clearfix"><i class="icon_title"><img src="/images/icon_title_TV.png" /></i>热播精选 <span class="link_name"></span></div>
   <div class="Video_list margintb clearfix">
    <div class="left_Video_list Channel_bg bg">
     <span class="Signs_img"></span>
     <a href="/video/1" class="Video_img_link">
      <img src="/video/images/1.jpg" />
      <span class="xianshi"><i class="icon_bofang"></i></span>
     </a>
     <div class="heading_name">
      <A href="/#">魔兽争霸，谁与争锋，为了联盟</A>
      <H4>刺激战场，爱恨情仇</H4>
     </div>
    </div>
    <div class="right_Video_list">
     <ul class="list_v_content">
      <c:forEach var="v" items="${Video}">
       <li class="first_content bg">
        <a href="/#" class="pic " target="_blank">
         <img src="${v.videoPosterUrl}"  width="100%"/>
         <span class="first_bg"><i class="icon_bf"></i></span>
        </a>
        <a target="_blank" href="/#" class="bq" >现场</a>
        <div class="tc">
         <p class="tit">
          <a target="_blank" href="/#" >${v.videoName}</a></p>
         <p class="des">${v.videoText}</p>
        </div>
       </li>
      </c:forEach>
     </ul>
    </div>   
   </div>
   <!--电视剧-->
   <div class="Channels margintb">
    <div class="title_name clearfix">
    <i class="icon_title"><img src="/images/icon_title_TV.png" /></i>电视剧 <span class="link_name"><a href="/listpage/index?menu_name=电视剧">更多</a></span></div>
    <div class="clearfix mb40"> 
     <div class="var_list_fort">
     <ul class="video_list list_v_content">
     <c:forEach var="v" items="${Video}">
     <li class="first_content bg">
       <a href="/#" class="pic " target="_blank">
        <img src="${v.videoPosterUrl}"  width="100%" height="100%"/>
        <span class="first_bg"><i class="icon_bf"></i></span>
       </a>
       <a target="_blank" href="/#" class="bq" >${v.videoNum}集</a>
       <div class="tc">
        <p class="tit">
        <a target="_blank" href="/#" >${v.videoName}</a></p>
        <p class="des">${v.videoText}</p>
       </div>
      </li>
     </c:forEach>
     </ul>
     </div>
     <!--右-->
     <div class="Launch_style bg" id="picMarquee-top">
       <div class="label_title"><span class="name">即将上线</span></div>
       <div class="bd">
       <ul class="Launch_list">

        <c:forEach items="${Video}" var="v">
         <li class="video_name">
         <div class="clearfix">
          <a href="/#" class="link_name"><img src="${v.videoPosterUrl}"/></a>
          <span class="Introduction">
          <a href="/#" title="愿有人陪你颠沛流离" class="p_title_name">${v.videoName}</a>
          <p class="set_number">集数：${v.videoNum}集</p>
          </span></div><p class="time">上线时间：${v.videoTime}</p>
         </li>
        </c:forEach>
       </ul>
       </div>
     </div>
     <script>jQuery("#picMarquee-top").slide({mainCell:".bd ul",autoPlay:true,effect:"topMarquee",vis:3,interTime:50,trigger:"click"});</script>
    </div>
     <!--预告-->
       <div class="Notice_style">
        <div class="Notice_title"><span class="name">电视剧预告</span></div>
        <div class="clearfix list_v_content">
          <ul class="Notice_list">
           <c:forEach var="v" items="${Video}">
            <li class="first_content bg">
             <a href="/#" class="pic " target="_blank">
              <img src="${v.videoPosterUrl}"  width="100%"/>
              <span class="first_bg"><i class="icon_bf"></i></span>
             </a>
             <a target="_blank" href="/#" class="bq" >更新预告</a>
             <div class="tc">
              <p class="tit">
               <a target="_blank" href="/#" >${v.videoName}</a></p>
              <p class="des">${v.videoText}</p>
             </div>
            </li>
           </c:forEach>
          </ul>
        </div>
       </div>
   </div>
      <!--综艺-->
   <div class="Channels margintb">
    <div class="title_name clearfix">
    <i class="icon_title"><img src="/images/icon_title_TV.png" /></i>综艺娱乐 <span class="link_name"><a href="/listpage/index?menu_name=综艺">更多</a></span></div>
    <div class="clearfix mb40"> 
     <div class="var_list_fort">
     <ul class="video_list list_v_content">
      <c:forEach var="v" items="${Video}">
       <li class="first_content bg">
        <a href="/#" class="pic " target="_blank">
         <img src="${v.videoPosterUrl}"  width="100%"/>
         <span class="first_bg"><i class="icon_bf"></i></span>
        </a>
        <a target="_blank" href="/#" class="bq" >更新至第${v.videoNum}集</a>
        <div class="tc">
         <p class="tit">
          <a target="_blank" href="/#" >${v.videoName}</a></p>
         <p class="des">${v.videoText}</p>
        </div>
       </li>
      </c:forEach>
     </ul>
     </div>
     <!--右-->
     <div class="Launch_style bg" id="picMarquee-top1">
       <div class="label_title"><span class="name">即将上线</span></div>
       <div class="bd">
       <ul class="Launch_list">
         <c:forEach var="v" items="${Video}">
        <li class="video_name">
        <div class="clearfix">
        <a href="/#" class="link_name"><img src="${v.videoPosterUrl}"/></a>
        <span class="Introduction">
        <a href="/#" title="愿有人陪你颠沛流离" class="p_title_name">${v.videoName}</a>
        <p class="set_number">集数：${v.videoNum}集</p>
        </span></div><p class="time">上线时间：${v.videoTime}</p></li>
         </c:forEach>
       </ul>
       </div>
     </div>
     <script>jQuery("#picMarquee-top1").slide({mainCell:".bd ul",autoPlay:true,effect:"topMarquee",vis:3,interTime:50,trigger:"click"});</script>
    </div>
     <!--预告-->
       <div class="Notice_style">
        <div class="Notice_title"><span class="name">电视剧预告</span></div>
        <div class="clearfix list_v_content">
          <ul class="Notice_list">
      <c:forEach var="v" items="${Video}">
            <li class="first_content bg">
            <a href="/#" class="pic " target="_blank">
             <img src="${v.videoPosterUrl}"  width="100%"/>
             <span class="first_bg"><i class="icon_bf"></i></span>
            </a>
            <a target="_blank" href="/#" class="bq" >更新预告</a>
            <div class="tc">
             <p class="tit">
             <a target="_blank" href="/#" >${v.videoName}</a></p>
             <p class="des">${v.videoText}</p>
            </div>
             </li>

      </c:forEach>
          </ul>
        </div>
       </div>
   </div>
   <!--电影-->
   <div class="Channels margintb">
    <div class="title_name clearfix">
    <i class="icon_title"><img src="/images/icon_film.png" /></i>电影<span class="link_name"><a href="/listpage/index?menu_name=电影">更多</a></span></div>
    <div class="clearfix  "> 
    <ul class="movie_list  clearfix">
     <c:forEach var="v" items="${Video}">
     <li class="Case_info">
     <a href="/#" class="movie_link">
     <img src="${v.videoPosterUrl}"  width="100%"/>
     <div class="movie_title">
      <i class="fraction">6.5</i>
      <p class="name">${v.videoName}</p>
      <h5>众多奥斯卡大咖加盟</h5>
      <p class="content">
          ${v.videoText}
      </p>
     </div>
     </a>
     </li>
     </c:forEach>
    </ul> 
       <!--预告-->
       <div class="Notice_style">
        <div class="Notice_title"><span class="name">电影预告</span></div>
        <div class="clearfix list_v_content">
          <ul class="Notice_list">
       <c:forEach var="v" items="${Video}">
            <li class="first_content bg">
       <a href="/#" class="pic " target="_blank">
        <img src="${v.videoPosterUrl}"  width="100%"/>
        <span class="first_bg"><i class="icon_bf"></i></span>
       </a>
       <a target="_blank" href="/#" class="bq" >更新预告</a>
       <div class="tc">
        <p class="tit">
        <a target="_blank" href="/#" >${v.videoName}</a></p>
        <p class="des">${v.videoText}</p>
       </div>
      </li>

       </c:forEach>
          </ul>
        </div>
       </div>
    </div>
    </div>
          <!--动漫-->
   <div class="Channels margintb">
    <div class="title_name clearfix">
    <i class="icon_title"><img src="/images/icon_title_TV.png" /></i>动漫 <span class="link_name"><a href="/listpage/index?menu_name=动漫">更多</a></span></div>
    <div class="clearfix mb40"> 
     <div class="var_list_fort">
     <ul class="video_list list_v_content">
     <c:forEach var="v" items="${Video}">
     <li class="first_content bg">
       <a href="/#" class="pic " target="_blank">
        <img src="${v.videoPosterUrl}"  width="100%"/>
        <span class="first_bg"><i class="icon_bf"></i></span>
       </a>
       <a target="_blank" href="/#" class="bq" >${v.videoTime}</a>
       <div class="tc">
        <p class="tit">
        <a target="_blank" href="/#" >${v.videoName}</a></p>
        <p class="des">${v.videoText}</p>
       </div>
      </li>

     </c:forEach>
     </ul>
     </div>
     <!--右-->
     <div class="Launch_style bg" id="picMarquee-top2">
       <div class="label_title"><span class="name">即将上线</span></div>
       <div class="bd">
       <ul class="Launch_list">
        <c:forEach var="v" items="${Video}">
        <li class="video_name">
        <div class="clearfix">
        <a href="/#" class="link_name"><img src="${v.videoPosterUrl}"/></a>
        <span class="Introduction">
        <a href="/#" title="愿有人陪你颠沛流离" class="p_title_name">${v.videoName}</a>
        <p class="set_number">集数：${v.videoNum}集</p>
        </span></div><p class="time">上线时间：${v.videoTime}</p></li>

        </c:forEach>
       </ul>
       </div>
     </div>
     <script>jQuery("#picMarquee-top2").slide({mainCell:".bd ul",autoPlay:true,effect:"topMarquee",vis:3,interTime:50,trigger:"click"});</script>
    </div>
     <!--预告-->
       <div class="Notice_style">
        <div class="Notice_title"><span class="name">电视剧预告</span></div>
        <div class="clearfix list_v_content">
          <ul class="Notice_list">
       <c:forEach var="v" items="${Video}">
            <li class="first_content bg">
       <a href="/#" class="pic " target="_blank">
        <img src="${v.videoPosterUrl}"  width="100%"/>
        <span class="first_bg"><i class="icon_bf"></i></span>
       </a>
       <a target="_blank" href="/#" class="bq" >更新预告</a>
       <div class="tc">
        <p class="tit">
        <a target="_blank" href="/#" >${v.videoName}</a></p>
        <p class="des">${v.videoText}</p>
       </div>
      </li>
       </c:forEach>
        </ul>
        </div>
       </div>
   </div>
   <!--其他-->
    <div class="Channels margintb">
    <div class="title_name clearfix">
    <i class="icon_title"><img src="/images/icon_title_TV.png" /></i>体育 <span class="link_name"><a href="/listpage/index?menu_name=体育">更多</a></span></div>
     <div class="clearfix list_v_content">
          <ul class="Notice_list">
      <c:forEach var="v" items="${Video}">
            <li class="first_content bg">
       <a href="/#" class="pic " target="_blank">
        <img src="${v.videoPosterUrl}"  width="100%"/>
        <span class="first_bg"><i class="icon_bf"></i></span>
       </a>
       <a target="_blank" href="/#" class="bq" >更新预告</a>
       <div class="tc">
        <p class="tit">
        <a target="_blank" href="/#" >${v.videoName}</a></p>
        <p class="des">${v.videoText}</p>
       </div>
      </li>
      </c:forEach>
        </ul>
        </div>      
    </div>
    <!---->
    <div class="l_f width50">
     <div class="bg mr10">
      <div class="n_title_name"><em class=""></em>网站公告</div>
      <ul class="notice_list clearfix">
       <li><a href="/#"><i class="icon_yuan"></i>通知公告内容是什么的内容的介绍信息</a> </li>
       <li><a href="/#"><i class="icon_yuan"></i>通知公告内容是什么的内容的介绍信息</a> </li>
       <li><a href="/#"><i class="icon_yuan"></i>通知公告内容是什么的内容的介绍信息</a> </li>
       <li><a href="/#"><i class="icon_yuan"></i>通知公告内容是什么的内容的介绍信息</a> </li>
       <li><a href="/#"><i class="icon_yuan"></i>通知公告内容是什么的内容的介绍信息</a> </li>
      </ul>
     </div>
    </div>
    <div class="l_f width50">
     <div class="bg ml10">     
     <div class="n_title_name">合作伙伴</div>
     <div class="notice_list clearfix">
      <a href="/#" class="Cooperation_name">华数</a>
      <a href="/#" class="Cooperation_name">万达电影网</a>
      <a href="/#" class="Cooperation_name">华谊兄弟</a>
      <a href="/#" class="Cooperation_name">星美</a>
      <a href="/#" class="Cooperation_name">光线影业</a>
      <a href="/#" class="Cooperation_name">电影网</a>
      <a href="/#" class="Cooperation_name">华策影视</a>
      <a href="/#" class="Cooperation_name">百度视频</a>
      <a href="/#" class="Cooperation_name">百度百科</a>
      <a href="/#" class="Cooperation_name">微博视频台</a>
      <a href="/#" class="Cooperation_name">百度贴吧</a>
      <a href="/#" class="Cooperation_name">央广网</a>
      <a href="/#" class="Cooperation_name">hao123</a>
      <a href="/#" class="Cooperation_name">爱奇艺</a>
      <a href="/#" class="Cooperation_name">天猫店</a>
     </div>
     </div>
    </div>
 </div>
</div>
<!--底部样式-->
<div class="footer_style">
<div class="footer">
 <div class="copys copys-list clearfix">
   <a href="/#">网络文化经营许可证 京网文[2014]xxxxx-236号</a>
   <a href="/#">京卫网审[2013]第0209号 网络110报警服务</a>
   <a href="/#">药品服务许可证(京)-经营2222-0029</a>
  <a href="/#">节目制作经营许可证京字670号</a>
 </div>
<div class="link_name">
<a href="/#">关于我们</a>|<a href="/#">媒体合作</a>|<a href="/#">开放平台</a>|<a href="/#">广告服务</a>|<a href="/#">联系我们</a>|<a href="/#">工作机会</a>|<a href="/#">友情链接</a></div>
<div class="Copyright">Copyright © 2004-2017 视频名称（xx.com）All rights reserved.</div>
<div class="align clearfix">
 <a href="/#"><img src="/images/ghs.png" />京公网安备：xxxxxxxxxxxxxxxx号</a> &nbsp;&nbsp;&nbsp;
 <a href="/#"><img src="/images/xy.png" />中国互联网诚信联盟</a>
</div>
</div>

</div>
<!-- 代码 开始 -->
<div class="go-top dn" id="go-top">
    
    <a href="/zhuce.html" target="_blank" class="feedback"></a>
    <a href="/javascript:;" class="go"></a>
</div>
</body>
</html>
<script>
/*********搜索*********/
function submit_btn(){
	 $(".search_style input[type$='text']").each(function(n){
		  if($(this).val()=="")
          {
               
					 layer.open({
		title: [
		  '我是标题',
		  'background-color:#8DCE16; color:#fff;'
		]
		,anim: 'up'
		,content: '展现的是全部结构'
		,btn: ['确认', '取消']
	  }); 
            return false;            
          } 
		 else{
			 location.href="/searchpage/index";
			 
			 }
		 })		
}
</script>
